<template>
  <div class="report-detail">
    <h2>报告详情</h2>
    <p><strong>名称：</strong>{{ report.name }}</p>
    <p><strong>上传时间：</strong>{{ new Date(report.uploadedAt).toLocaleString() }}</p>
    <p><strong>路径：</strong>{{ report.path }}</p>
  </div>
</template>

<script>
export default {
  props: {
    report: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style scoped>
.report-detail {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.report-detail h2 {
  margin-bottom: 10px;
}

.report-detail p {
  margin: 5px 0;
}
</style>